<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" href="css/basic.css">
</head>
<body>
     



  		<!-- 轮播图开始-->
  		<div class="brand_all">
            <!-- 左右切换按钮开始-->
            <a href="javascript:void(0)" class="prev"><span>&#xe63a;</span></a>
            <a href="javascript:void(0)" class="next"><span>&#xe603;</span></a>
            <!-- 左右切换按钮结束-->
            <div class="scroll">
              <div class="scroll_one" style="left:0px;background:red">
                <img src="./image/16.jpg" alt="第一轮图片">
                <img src="./image/17.jpg" alt="第一轮图片">
                <img src="./image/18.jpg" alt="第一轮图片">
              </div>
              <div class="scroll_two" style="background:yellow">
                <img src="./image/19.jpg" alt="第二轮图片">
                <img src="./image/20.jpg" alt="第二轮图片">
                <img src="./image/21.jpg" alt="第二轮图片">
              </div>
              <div class="scroll_three" style="background:blue">
                
                <img src="./image/22.jpg" alt="第三轮图片">
                <img src="./image/23.jpg" alt="第三轮图片">
                <img src="./image/24.jpg" alt="第三轮图片">
              </div>
             
            </div>
             <!-- 底部滚动按钮部分-->
              
      </div>
  		<!-- 轮播图结束-->



	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/index.js"></script>
	
</body>
</html>